<template>
  <div id="number-roll-map">
    <div>
      <ul class="common-list-box">
        <li><loading-rect></loading-rect></li>
        <li @click="newNum"><number-roll :num="test_num"></number-roll></li>
        <li @click="newNum1"><number-roll1 :num="test_num1"></number-roll1></li>

      </ul>
    </div>
  </div>
</template>
<script>
import LoadingRect from '@/components/loadings/LoadingRect'
import NumberRoll from '@/components/number-roll/NumberRoll'
import NumberRoll1 from '@/components/number-roll/NumberRoll1'

export default {
  name:'NumberRollMap',
  components:{LoadingRect,NumberRoll,NumberRoll1},
  data(){
    return {
      test_num:'123456789',
      test_num1:'123456789'
    }
  },
  methods:{
    newNum(){
      this.test_num=Math.random()*10000;
    },
     newNum1(){
      this.test_num1=Math.random()*10000;
    }
  }
}
</script>
<style scoped lang="stylus">

</style>

